<template>
  <div>
    <div>div中的数据</div>
    <hr />
    <!-- 默认插槽调用 -->
    <!-- <child>
      <h3>插槽中显示出来的数据</h3>
    </child> -->
    <child>
      <!-- 2.6之前用法 -->
      <!-- <h3 slot="default">插槽中显示出来的数据</h3> -->
      <!-- 2.6之后 -->
      <!-- <template v-slot:default> -->
      <template #default>
        <h3>插槽中显示出来的数据</h3>
      </template>
    </child>

    <!-- <child></child>
    <child /> -->
  </div>
</template>

<script>
import child from '@/components/child.vue'

export default {
  components: {
    child
  },
  data() {
    return {}
  },
  methods: {}
}
</script>

<style lang="scss"></style>
